
<ion-view title="ITSM" hide-nav-bar="false">
    
<ion-content>       
<input type="hidden" name="department" ng-model='formData.department' value="{{department}}">
  	<input type="hidden" name="username" ng-model='formData.username' value="{{username}}">
	
<div class="list" style="box-shadow: 0px 5px 5px #888888;background-color: #f2f2f2;">
	<div class="row">
	  <div class="col col-50">事件单号：-- </div>
	  <div class="col col-50">状态：新建</div>
	</div>
	<div class="row">
	  <div class="col col-50">用户名：{{userinfo.name}}</div>
	  <div class="col col-50">部门：{{userinfo.department}}</div>
	</div>
	<div class="row">
	  <div class="col col-50">电话：{{userinfo.mobile}}</div>
	  <div class="col col-50">邮件：{{userinfo.email}}</div>
	</div>
</div>
<div class="list" >
	<!--
	<label class="item item-input item-select">
    <div class="input-label">
      严重级别
    </div>
    <select class="form-control" ng-model='formData.impact'>
	    				<option value="">--请选择--</option>
	    				
	    				<option value="PROBLEM_IMPACT_10">高</option>
	    				<option value="PROBLEM_IMPACT_20">中</option>
	    				<option value="PROBLEM_IMPACT_30">低</option>

	    			</select>
  </label>
  <label class="item item-input item-select">
    <div class="input-label">
      紧急程度
    </div>
    <select class="form-control" ng-model='formData.urgency'>
	    				<option value="">--请选择--</option>
	    				<option value="PROBLEM_URGENCY_10">高</option>
	    				<option value="PROBLEM_URGENCY_20">中</option>
	    				<option value="PROBLEM_URGENCY_30">低</option>

	    			</select>
  </label>
  <label class="item item-input item-select">
    <div class="input-label">
      优先级
    </div>
    <select class="form-control" ng-model='formData.priority'>
	    				<option value="">--请选择--</option>
	    				<option value="PROBLEM_PRIORITY_P1">P1</option>
	    				<option value="PROBLEM_PRIORITY_P2">P2</option>
	    				<option value="PROBLEM_PRIORITY_P3">P3</option>
	    			</select>
  </label>
-->
  <label class="item item-input" style="display:none">
        <input type="text" placeholder="标题" ng-model='formData.title' readOnly>
    </label>
    <label class="item item-input">
        <textarea rows="5" placeholder="请描述您所选择的服务请求的具体信息以及用户所在办公地点。" ng-model='formData.description'></textarea>
  </label>
<label class="item item-divider">
    
      请求类型
    
    
  </label>
<div class="list typelist">
  <div class="row">
      <div class="col" >
        <label class="item item-radio">
          <input type="radio" name="category" ng-model='formData.category' value="SERVICEREQ_CATEGORY_10" ng-click="selecttype('桌面OA服务')">
          <div class="item-content">
            <i class="fa fa-desktop"></i>桌面支持服务
          </div>
          <i class="radio-icon ion-android-radio-button-off "></i>
        </label>
      </div>
      <div class="col" >
        <label class="item item-radio">
          <input type="radio" name="category" ng-model='formData.category' value="SERVICEREQ_CATEGORY_20" ng-click="selecttype('会议系统服务')">
          <div class="item-content">
            <i class="fa fa-print"></i>会议支持服务
          </div>
          <i class="radio-icon ion-android-radio-button-off "></i>
        </label>
      </div>
    </div>

<div class="row">
    <div class="col" >
        <label class="item item-radio">
          <input type="radio" name="category" ng-model='formData.category' value="SERVICEREQ_CATEGORY_40" ng-click="selecttype('应用系统服务')">
          <div class="item-content">
            <i class="fa fa-desktop"></i>应用系统服务
          </div>
          <i class="radio-icon ion-android-radio-button-off "></i>
        </label>
      </div>
      <div class="col" >
        <label class="item item-radio">
          <input type="radio" name="category" ng-model='formData.category' value="SERVICEREQ_CATEGORY_50" ng-click="selecttype('其他服务')">
          <div class="item-content">
            <i class="fa fa-print"></i>其他服务
          </div>
          <i class="radio-icon ion-android-radio-button-off "></i>
        </label>
      </div>
    </div>

  <div class="" ng-click="showActionsheet()" style="margin-top:10px;position:relative">
        <input type="file" accept="image/*" onchange='uploadPicture(this)'/ style="z-index:999;position: absolute;left: 0;width: 100%;right: 0;height: 100%;opacity: 0;"> 
        <a class="item  item-icon-right" href="javascript:void(0)">
          上传图片
          <i class="icon ion-ios-camera"></i>
        </a>
   </div>

	<div id="wexinUploadImgContainer" class="item" style="display:none">  
    
    <button class="button button-small button-assertive" style="position: absolute;top: 16px;left: 16px;z-index: 999;" ng-click="delimg();">删除</button>
		<img id="wexinUploadImg" style="max-width:100%;">  
	</div> 
  		
</div>
<div class="padding">
	<button class="button button-block button-positive" ng-click="eventDispatch()">
           提交
        </button>
</div>

</ion-content>
</ion-view>

<script>

   var uploadPicture = function(e){
     var me = this;
     var file=e.files[0];
      var fd = new FormData();
      fd.append("image",file);
      App.ajaxUpdate(OpenAPI.updateUrl,fd,function(res){
           // 转成json格式
          var data = JSON.parse(res)
          if(data && data.result){
            window._pp_imageId = data.imageId;
            $('#wexinUploadImg').attr('src', data.path);
            $('#wexinUploadImgContainer').css('display', 'block');
          }
      },function(){
        App.myNotice("上传失败");
      });

  }

 
</script>